import { Carousel } from 'antd';
import styled from 'styled-components';
export const RedioWrapper = styled.div`
  background-color: #fff;
  padding: 40px;
  .slick-arrow {
    color: #333333;
  }
`;
export const CustomCarousel = styled(Carousel)`
  .slick-dots {
    left: -1%;
    bottom: 1px;

    li {
      width: 6px;
      height: 6px;
      margin: 0 10px; /*活动点间距*/
      background: #c5c4cd; /* 非活动点背景色 */
      button,
      &.slick-active,
      &.slick-active::after {
        width: 6px;
        height: 6px;
        background: #b50b0b;
      }
    }
  }
`;
export const RadioRankWrapper = styled.div`
  display: flex;
  justify-content: space-around;
  .rankCt {
    width: 426px;
  }
  .list_border {
    border: 1px solid #e2e2e2;
    border-top: none;
    > div:nth-child(even) {
      background: #f7f7f7;
    }
    > div:nth-child(3 - n) {
      .index {
        color: #da4545;
      }
    }
  }
`;

export const RadioContentWrapper = styled.div`
  margin-top: 50px;
`;
